// 对bk.scss进行扩展 覆盖

@charset 'utf-8';
@import './conf';
@import './mixins/scroller.scss';
.bk-table {
	// border-top: none;
	.toggle-btn {
		font-size: 17px;
		color: #c3cdd7;
		cursor: pointer;
		&:hover {
			color: $primaryColor;
		}
	}
}

.bk-selector-create-item {
    cursor: pointer;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border-top: 1px solid #e5e5e5;

    .text {
	    font-style: normal;
	    text-align: left;
	    color: #737987;
	}
}

.bk-table>thead>tr>th,
.bk-table>thead>tr>td,
.bk-table>tbody>tr>th,
.bk-table>tbody>tr>td {
	height: 68px;
	vertical-align: middle;
	border-color: #e9edee;
	color: $fontColor;
	font-size: 14px;
	padding: 10px;
}

// .bk-message-content {
// 	max-width: 580px;
// 	line-height: 20px;
// 	margin-top: -4px;
// 	float: none;
// 	margin-left: 30px;
//     word-break: break-word;
// }
.bk-table>thead>tr>th {
	background: none;
	color: #7b7d8a;
	height: 50px;
	vertical-align: middle;
}

.bk-table.has-table-hover>tbody>tr:hover {
	background-color: #fff;
}

.bk-button {
	&.is-round {
		border-radius: 50px;
	}
	.bk-icon {
		position: relative;
		top: 1px;
	}
}

.bk-text-button {
	white-space: nowrap;
	&.is-disabled {
		color: #c3cdd7 !important;
	}
}

.bk-tip-text {
	font-size: 12px;
	color: #c3cdd7;
	font-weight: normal;
}

.bk-button + .bk-button {
	margin-left: 5px;
}

.bk-button-group {
	.bk-button {
		margin-left: -1px !important;
		> a {
			display: block;
			color: #737987;
		}
		&.bk-primary {
			a {
				color: #fff;
			}
		}
	}
}


.bk-selector.open .bk-selector-icon {
	transform:  rotate(180deg);
}

.bk-selector .bk-selector-list>ul::-webkit-scrollbar,
.textarea::-webkit-scrollbar {
    width: 4px;
    background-color: #fff;
}

.bk-selector {
	&.is-danger {
	    .bk-selector-input {
	        border-color: #ff5656;
	        background-color: #fff4f4;
	        color: #ff5656;
	        &:hover:not([disabled="disabled"])+.bk-icon {
			    color: #ff5656;
			}
	    }
	    .bk-selector-icon {
	    	border-color: #ff5656;
	        background-color: #fff4f4;
	        color: #ff5656;
	    }
	}
}

.bk-selector .bk-selector-list>ul::-webkit-scrollbar-thumb,
.textarea::-webkit-scrollbar-thumb {
    height: 5px;
    border-radius: 2px;
    background-color: #e6e9ea;
}

.bk-data-wrapper {
	border: 1px solid #c3cdd7;
	border-radius: 2px;
}

.bk-date input[name="date-select"] {
	border-radius: 2px;
}

.bk-dialog-body {
	p {
		text-align: center;
	}
}

.bk-data-list {
	li {
		white-space: nowrap;
	}
}
.biz-badge {
	line-height: 18px !important;
}
.bk-mark-corner p {
	transform: rotate(0);
	font-size: 14px;
	overflow: visible;
}

.bk-button-group {
	&.bk-button-flex {
		width: 100%;
		.bk-button {
			flex: 1;
		}
	}
}

.bk-sideslider-closer {
	background-color: $primaryColor;
}

.bk-dropdown-box {
	width: 130px;
	display: inline-block;
	// margin-right: 5px;
	vertical-align: middle;
}

// .bk-tooltip-inner {
// 	white-space: normal;
// }

.bk-number {
	vertical-align: middle;
	padding-right: 0;
}
.bk-number .bk-number-content.bk-number-larger {
	height: 34px;
	line-height: 34px;
}

.bk-dropdown-menu {
	.bk-dropdown-content {
		border: 1px solid $borderWeightColor
	}
}

.bk-selector .bk-selector-list-item .text {
	display: block;
	text-align: left;
}
.bk-dropdown-menu .bk-dropdown-content {
	@include scroller;
	text-align: left;
	&.left-align {
		left: 0;
	}
}

.bk-button .bk-icon+span {
	margin-right: 0;
}

.bk-sideslider-wrapper {
	@include scroller;
	top: 50px;
}

.bk-number .bk-number-content .bk-number-input {
	vertical-align: middle;
	margin-top: -2px;
}

.bk-selector .bk-selector-list {
	border: 1px solid #c3cdd7;
}

.bk-button {
    .biz-update-dot {
        width: 4px;
        height: 4px;
        display: inline-block;
        vertical-align: middle;
        background: #3c96ff;
        border-radius: 50%;
        margin-left: 10px;
        position: absolute;
        right: 8px;
        top: 16px;
    }
    &.bk-primary {
        .biz-update-dot {
            background: #fff;
        }
    }
}

.bk-sideslider {
	&.biz-app-container-tojson-sideslider {
		.bk-sideslider-wrapper {
			padding-bottom: 0;
		}
	}
}


.bk-data-list a:hover:after, .bk-data-active a:after, .bk-data-avatar {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.bk-data-list a:hover:after, .bk-data-active a:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  // background-image: url("../images/icon_enter.png");
}

.hidden {
  display: none;
}

.bk-data {
  position: absolute;
  left: 3px;
  top: 32px;
  /*width: 200px;*/
  background-color: #fafbfb;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  z-index: 999;
}
.bk-data-wrapper {
  position: relative;
  min-height: 33px;
  padding: 5px 5px 0 5px;
  border: 1px solid #ccc;
  font-family: 'Microsoft YaHei';
  cursor: text;
}
.bk-data-wrapper.active{
  border-color: #57a3f1;
}
.bk-data-cover{
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 9999;
}
.bk-data-wrapper.disabled {
  cursor: not-allowed;
  background-color: #eee;
}
.bk-data-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bk-data-list a {
  position: relative;
  display: block;
  line-height: 30px;
  padding: 5px 35px 5px 15px;
  color: #333;
  text-decoration: none;
}
.bk-data-list a:hover {
  background-color: #f4f4f4;
}
.bk-data-active a {
  background-color: #f4f4f4;
}
.bk-data-avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  // background-image: url("../images/avatar.jpg");
  vertical-align: middle;
}
.bk-data-name em {
  font-style: normal;
  font-weight: bold;
  color: #E95B5F;
}
.bk-data-editor {
  min-height: 29px;
}
.bk-data-editor input[name="bk-data-input"] {
  min-width: 10px;
  width: 10px;
  height: 100%;
  font-size: 16px;
  outline: none;
  border: none;
}
.bk-data-item {
  display: inline-block;
  padding: 0 5px;
  margin: 1px 5px 4px 5px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  font-size: 14px;
  color: #2b2b2b;
}
.bk-data-highlight {
    font-style: normal;
    font-weight: bold;
    color: #E95B5F;
}
